<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Simple Test</title>
    <style>
        body {
            width: 250px;
            padding: 15px;
            font-family: Arial, sans-serif;
        }
        button {
            display: block;
            width: 100%;
            margin: 5px 0;
            padding: 10px;
            background: #007cba;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background: #005a87;
        }
        #result {
            margin-top: 10px;
            padding: 10px;
            background: #f0f0f0;
            border-radius: 4px;
            font-family: monospace;
            font-size: 12px;
        }
    </style>
</head>
<body>
    <h3>Simple Test</h3>
    <p>如果看到这个页面，弹出窗口工作正常！</p>
    
    <button id="test-btn">Test Service Worker</button>
    <button id="check-btn">Check Chrome API</button>
    <button id="save-page-btn">Test Save Page</button>
    <button id="search-btn">Test Trilium Search</button>
    
    <div id="result">等待测试...</div>
    
    <script src="popup-simple-test.js"></script>
</body>
</html> 